<template>
	<view class="selecting-template" :style="{height: Wheight + 'px'}">
		<view class="hint">
			*平台为给用户提供优质的互联网通信服务，保证质量和
			稳定性，短信发送内容实行按标准规范提交模板，审核
			通过后方可使用。
		</view>
		<view class="template">
			<view class="title">
				短信模板
			</view>
			<view class="template-list" v-if="true">
				<view class="modules">
					<view class="modules-list" v-for="(item, index) in list">
						<view class="name">
							{{ item.name }}
						</view>
						<view class="proceed">
							<image src="/static/images/index/proceed.png" mode=""></image>
						</view>
					</view>
				</view>
			</view>
			<view class="no-template" v-else>
				--暂无模板，请点击右上角进行添加--
			</view>
		</view>
	</view>
</template>

<script>
	// 选择短信模板
	export default {
		name: 'selectingTemplate',
		data() {
			return {
				Wheight: '', //可视区域高度
				list: [
					{
						id: 0,
						name: '短信签名：【拓客桥】',
					},{
						id: 1,
						name: '短信签名：【拓客桥】',
					},
				]
			}
		},
		onLoad() {
			this.Wheight = this.$store.state.ContentHeight-44;
		},
		onNavigationBarButtonTap(e) {
			 uni.navigateTo({
				url: 'newTemplate'
			 })
		},
	}
</script>

<style lang="less" scoped>
	.selecting-template{
		background: #EEEEEE;
		.hint{
			color: #666666;
			font-size: 30rpx;
			padding: 40rpx 30rpx;
		}
		.template{
			.title {
				width: 100%;
				height: 67rpx;
				line-height: 67rpx;
				padding: 0 30rpx;
				background: #DDDDDD;
				color: #000000;
				font-size: 24rpx;
			}
			.template-list{
				.modules{
					.modules-list{
						display: flex;
						align-items: center;
						justify-content: space-between;
						padding: 0 40rpx 0  50rpx;
						height: 111rpx;
						line-height: 111rpx;
						background: #fff;
						border-bottom: 1px solid #DBDBDB;
						.proceed{
							image{
								width: 12rpx;
								height: 25rpx;
							}
						}
					}
				}
			}
			.no-template{
				width: 100%;
				height: 120rpx;
				line-height: 120rpx;
				background: #FFFFFF;
				color: #CCCCCC;
				font-size: 30rpx;
				text-align: center;
			}
		}
		
	}
</style>
